<template>
  <div id="app" class="layout">
    <header>
      <app-header title="Boilerplate App"></app-header>
    </header>
    <div class="body">
      <main class="content">
        <app-body></app-body>
      </main>
    </div>
    <footer>
      <app-footer></app-footer>
    </footer>
  </div>
</template>

<script>
import AppHeader from '../components/AppHeader.vue';
import AppBody from '../components/AppBody.vue';
import AppFooter from '../components/AppFooter.vue';

export default {
  name: 'App',
  components: { AppHeader, AppBody, AppFooter }
};
</script>
